<template>
  <div>
    主页
    <el-row>
      <el-col :span="6">
        <div style="width: 100%; height: 30px; background-color: deeppink"></div>
      </el-col>
      <el-col :span="6">
        <div style="width: 100%; height: 30px; background-color: orange"></div>
      </el-col>
    </el-row>
    <el-row :gutter="20">
      <el-col :span="1">
        <div style="width: 100%; height: 300px; background-color: dodgerblue"></div>
      </el-col>
      <el-col :span="23">
        <div style="width: 100%; height: 300px; background-color: red"></div>
      </el-col>
    </el-row>
    <el-row>
      <el-col :span="6">
        <div style="padding: 10px; border: 1px solid #ccc;text-align:center">
          <img style="width: 100%" src="@/assets/logo.png" alt="">
          <div style="text-align: center"> 商品 1</div>
          <div style="color: red">价格 $99.00</div>
        </div>
      </el-col>
      <el-col :span="6">
        <div style="padding: 10px; border: 1px solid #ccc;text-align:center">
          <img style="width: 100%" src="@/assets/logo.png" alt="">
          <div style="text-align: center"> 商品 2</div>
          <div style="color: red">价格 $99.00</div>
        </div>
      </el-col>
      <el-col :span="6">
        <div style="padding: 10px; border: 1px solid #ccc;text-align:center">
          <img style="width: 100%" src="@/assets/logo.png" alt="">
          <div style="text-align: center"> 商品 3</div>
          <div style="color: red">价格 $99.00</div>
        </div>
      </el-col>
      <el-col :span="6">
        <div style="padding: 10px; border: 1px solid #ccc;text-align:center">
          <img style="width: 100%" src="@/assets/logo.png" alt="">
          <div style="text-align: center"> 商品 4</div>
          <div style="color: red">价格 $99.00</div>
        </div>
      </el-col>
      <el-col :span="6">
        <div style="padding: 10px; border: 1px solid #ccc;text-align:center">
          <img style="width: 100%" src="@/assets/logo.png" alt="">
          <div style="text-align: center"> 商品 5</div>
          <div style="color: red">价格 $99.00</div>
        </div>
      </el-col>
      <el-col :span="6">
        <div style="padding: 10px; border: 1px solid #ccc;text-align:center">
          <img style="width: 100%" src="@/assets/logo.png" alt="">
          <div style="text-align: center"> 商品 6</div>
          <div style="color: red">价格 $99.00</div>
        </div>
      </el-col>
    </el-row>
  </div>
</template>

<script>
export default {
  name: 'HomeView',
}
</script>